<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ include file="../../head/head.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<script type="text/javascript"
		src="<%=path%>/resource/js/jquery/1.6.2/jquery-1.6.2.min.js">
	</script>
	<script type="text/javascript"
		src="<%=path%>/resource/js/jquery-easyui-1.3.3/jquery.cookie.js">
	</script>
	<link id="easyuiTheme" rel="stylesheet" type="text/css"
			href="<%=path%>/resource/js/jquery-easyui-1.3.3/themes/theme.css"></link>
	
	<link rel="stylesheet" type="text/css"
		href="<%=path%>/resource/js/jquery-easyui-1.3.3/themes/icon.css"></link>
	<script type="text/javascript"
		src="<%=path%>/resource/js/jquery-easyui-1.3.3/jquery.easyui.min.js">
	</script>
	<script type="text/javascript" charset="UTF-8"
		src="<%=path%>/resource/js/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js">
	</script>
	<script type="text/javascript"
			src="<%=path%>/resource/js/jstree/v_1_0rc2/jquery.jstree.js">
	</script>	
	<!-- 本身.JS -->
	<script type="text/javascript" 
		src="<%=path%>/page/systemManage/sysRoleSysMenu/sys_role_sys_menu.js"></script>
	<script type="text/javascript"
			src="<%=path%>/js/jquery/jquery.form.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			//总面板的宽和高
			//$("#cc").css("width", $(window).width() - 24);
			$("#cc").css("height", $(window).height() - 20);
			//$("#c").css("width", $(window).width() - 	28);
			$("#c").css("height", $(window).height() - 	50);
			$("#east").css("height", $(window).height() - 50);
		});
	</script>
</head>
<body style="OVERFLOW: hidden;">
	<!-- 总面板开始 -->
	<div id="cc" class="easyui-layout">
		<!-- 角色菜单列表开始 -->
		<div id="c" data-options="region:'center',title:'角色菜单管理'" style="OVERFLOW: hidden;">
			<!-- 按钮和查询栏开始 -->
			<div id="tb" style="padding:5px;height:auto">
				<!-- 按钮区开始 -->
				<div style="margin-bottom:5px">
					<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="saveRoleMenu();">保存</a>
				</div>
				<!-- 按钮区结束 -->
				<!-- 查询区开始 -->
				<form id="searchForm">
					<div>
						<input type="hidden" id="currentUserId" name="currentUserId"
								value="${sessionScope.loginUser.id }" />
						角色名称：<input type="text" name="sysRoleBean.name"  style="width:90px"/>
						<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-search'" id="searchButton">查询</a>
						<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'" onclick="document.forms[0].reset();">刷新</a>
					</div>
				</form>
				<!-- 查询区结束 -->
			</div>
			<!-- 按钮和查询栏结束 -->
			<!-- 列表开始 -->
			<table id="sysRoleList"></table>
			<!-- 列表结束 -->
		</div>
		<!-- 角色菜单列表结束 -->
		<!-- 菜单树开始 -->
		<div id="east" data-options="region:'east',collapsible:false,title:'部门树'" style="width:300px;">
				<div id="menuTreeInfo"></div>
		</div>
		<!-- 菜单树结束 -->
	</div>
	<!-- 总面板结束 -->
</body>
</html>